import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { resolve } from "path"; // 如果path还有报红，将引入path换成import  * as from 'path

// https://vitejs.dev/config/
export default defineConfig({
  /*****配置项目的构建过程******/
  build: {
    outDir: 'dist', // 构建输出目录
    minify: true, // 是否压缩代码
    sourcemap: true, // 是否生成 source map
  },
  plugins: [react()],
  resolve: {
    alias: {
      // 配置全局的访问路径，可通过@访问到src文件地址
      "@": resolve(__dirname, "./src"),
    }
  },
  server: {
    port: 3333,// 端口号
    open: true,// 启动时自动在浏览器打开
    host: true, // 监听所有地址
    cors: false, // 为开发服务器配置 CORS, 默认启用并允许任何源
    fs: {
      // 可以为项目根目录的上一级提供服务
      allow: [".."],
    },
    //配置自定义代理规则
    proxy: {
      "/api": {
        target: "http://geek.itheima.net",
        changeOrigin: true,
        rewrite: (path: string) => path.replace(/^\/api/, ""),
      },
    },
  },
})
